<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>注册页面</title>
	<link rel="stylesheet" type="text/css" href="style/main.css">
	<link rel="stylesheet" href="style/jquery-labelauty.css">
	<script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/input.js"></script>
    <script src="js/jquery-labelauty.js"></script>
</head>
<body class="regi_body">
	<div class="regi_header">
		<a href="javascript:">培育计划申报</a>
	</div>
	<div class="register">
		<div class="bule_bg">
			<div>用户注册</div>
		</div>
		<div class="content">
			<table>
				<tr>
					<td>身份</td>
					<td>
						<ul class="dowebok">
							<li><input id="radio3" type="radio" name="type" data-labelauty="老师"></li>
							<li><input id="radio4" type="radio" name="type" data-labelauty="学生"></li>
						</ul>
					</td>
				</tr>
				<tr>
					<td>姓名</td>
					<td><input type="text" name="username"></td>
					<td>请填写真实姓名</td>
				</tr>
				<tr id="num">
					<td>学号</td>
					<td><input type="text" name=""></td>
					<td>请填写学号</td>
				</tr>
				<tr>
					<td>性别</td>
					<td>
						<ul class="dowebok">
							<li><input id="radio1" type="radio" name="sex" data-labelauty="男"></li>
							<li><input id="radio2" type="radio" name="sex" data-labelauty="女"></li>
						</ul>
					</td>
				</tr>
				<tr>
					<td>所在院系</td>
					<td>
						<select>
							<option>电信学院</option>
							<option>理学院</option>
							<option>文法学院</option>
							<option>化工学院</option>
						</select>
					</td>
					<td>请选择所在院系</td>
				</tr>
				<tr id="major">
					<td>专业</td>
					<td>
						<select>
							<option>网络工程</option>
							<option>电信</option>
							<option>电子</option>
							<option>物联网</option>
						</select>
					</td>
					<td>请选择专业</td>
				</tr>
				<tr>
					<td>邮箱</td>
					<td><input type="text" name="email"></td>
					<td>请填写安全邮箱</td>
				</tr>
				<tr>
					<td>密码</td>
					<td><input type="password" name="password"></td>
					<td>密码由6-20位的英文字母、数字和特殊符号组成</td>
				</tr>
				<tr>
					<td>确认密码</td>
					<td><input type="password" name="password2"></td>
					<td>请再次填写一遍密码，以辅助检测密码输入是否正确</td>
				</tr>
				<tr>
					<td>手机号</td>
					<td><input type="text" name="number"></td>
					<td>请填写常用手机号码</td>
				</tr>
				<tr class="get_code">
					<td>验证码</td>
					<td>
						<input type="text" name="">
						<button>获取验证码</button>
					</td>
				</tr>
			</table>
			<button>注册</button>
			<div class="go_login"><a href="javascript:">已有账号？去登录</a></div>
		</div>
	</div>
	<div class="footer regi_f">
		<div class="link">
            <a>友情链接：</a>
            <a href="javascript:">学院概况</a><span></span>
            <a href="javascript:">政策法规</a><span></span>
            <a href="javascript:">服务平台</a><span></span>
            <a href="javascript:">下载专区</a><span></span>
            <a href="javascript:">联系我们</a><span></span>
            <a href="javascript:">后台管理</a>
        </div>
        <div class="msg">
            <p>地址：广东省茂名市茂南区官渡二路139号广东石油化工学院</p>
            <p>联系电话：13900000 <span>邮箱：12455@163.com</span></p>
        </div>
        <span>©2017  广东石油化工学院创新创业学院  版权所有</span>
	</div>
	<script type="text/javascript">
		$(function(){
			$("#radio3").click(function () {
                if ($(this).prop("checked")) {
                    $("#num").hide();
                    $("#major").hide();
                }
            });
            $("#radio4").click(function () {
                if ($(this).prop("checked")) {
                    $("#num").show();
                    $("#major").show();
                }
            });
            $(':input').labelauty();
		})
	</script>
</body>
</html>